<script setup>
import { useTable } from '@admin-pkg/components'

const [DynamicTable] = useTable()

const dataSource = [
  {
    key: '1',
    name: '胡彦斌',
    age: 32,
    address: '西湖区湖底公园1号'
  },
  {
    key: '2',
    name: '胡彦祖',
    age: 42,
    address: '西湖区湖底公园1号'
  }
]

const columns = [
  {
    title: '姓名',
    dataIndex: 'name',
    key: 'name'
  },
  {
    title: '年龄',
    dataIndex: 'age',
    key: 'age'
  },
  {
    title: '住址',
    dataIndex: 'address',
    key: 'address'
  }
]
</script>

<template>
  <DynamicTable :columns="columns" :dataSource="dataSource" />
</template>

<style>
#app {
  padding: 20px;
}
</style>
